<extend name="_layout/main"/>
<block name="head">
    <style>
        .like .content .list .bottom span {
            font-size: 0.1rem;
        }

        .notice .left {
            width: 75%;
        }
    </style>
</block>
<block name="top">
    <include file="_layout/search"/>
    <!-- 侧边导航 -->
    <include file="_layout/menu"/>
</block>
<block name="content">
    <div id="main" class="clearfloat warp">
        <div class="mui-content">
            <!--banner开始-->
            <div class="banner swiper-container">
                <div class="swiper-wrapper">
                    <volist name="sliderItems" id="slider">
                        <div class="swiper-slide"><a href="javascript:void(0)"><img class="swiper-lazy"
                                                                                    data-src="{$slider.pic}" alt=""></a>
                        </div>
                    </volist>
                </div>
            </div>
            <!--banner结束-->
            <!--第一栏分类开始-->
            <div class="cation clearfloat box-s">
                <ul>
                    <li>
                        <a href="{:U('Goods/index',['para'=>'coupon'])}">
                            <img src="__STATIC__/img/icon1.png"/>
                            <p>报单专区</p>
                        </a>
                    </li>
                    <li>
                        <a href="{:U('Supp/index')}">
                            <img src="__STATIC__/img/icon2.png"/>
                            <p>联盟商家</p>
                        </a>
                    </li>
                    <li>
                        <a href="{:U('Goods/index',['order'=>'rec'])}">
                            <img src="__STATIC__/img/icon3.png"/>
                            <p>猜你喜欢</p>
                        </a>
                    </li>
                    <li>
                        <a href="{:U('Goods/index',['order'=>'hot'])}">
                            <img src="__STATIC__/img/icon4.png"/>
                            <p>热门商品</p>
                        </a>
                    </li>
                </ul>
            </div>
            <!--第一栏分类结束-->
            <!--滚动公告开始-->
            <div class="notice clearfloat box-s">
                <p class="tit clearfloat fl">利民公告：</p>
                <div class="left fl clearfloat box-s">
                    <div class="slider autoplay">
                        <volist name="annouce" id="item">
                            <div><a href="{:U('article/view',['id'=>$item['id']])}">{$item.title}</a></div>
                        </volist>
                    </div>
                </div>
                <!--<a href="{:U('article/index',['alias'=>'annouce'])}" class="nmore clearfloat fr">更多</a>-->
            </div>
            <!--滚动公告结束-->

            <!--boutique star-->
            <div class="boutique clearfloat box-s">
                <div class="boutit clearfloat">
                    <span></span>
                    <samp>精品任选</samp>
                </div>
                <div class="content clearfloat">
                    <ul>
                        <volist name="activity" id="item">
                            <li>
                                <a href="{:U('Activity/detail',['id'=>$item['id']])}">
                                    <img src="{$item.thumb}"/>
                                </a>
                            </li>
                        </volist>
                    </ul>
                </div>
            </div>
            <!--boutique end-->

            <!--seller star-->
            <div class="seller clearfloat">
                <div class="boutit clearfloat">
                    <span></span>
                    <samp>热卖推荐</samp>
                </div>
                <div class="content clearfloat">
                    <div class="left clearfloat fl">
                        <volist name="hot" offset="0" length="1" id="item">
                            <a href="{:U('Goods/detail', ['id'=>$item['id']])}">
                                <div class="top clearfloat box-s">
                                    <p class="tit over">{$goodsCategory[$item['category_id']]['name']}</p>
                                    <span class="over db">{$item.goods_name}</span>
                                </div>
                                <div class="tu">
                                    <span></span>
                                    <img src="{$item.goods_thumb}"/>
                                </div>
                            </a>
                        </volist>
                    </div>
                    <div class="right clearfloat fr">
                        <volist name="hot" offset="1" length="2" id="item">
                            <div class="top clearfloat fl">
                                <a href="{:U('Goods/detail', ['id'=>$item['id']])}">
                                    <div class="zuo clearfloat fl box-s">
                                        <p class="tit over">{$goodsCategory[$item['category_id']]['name']}</p>
                                        <span class="over db">{$item.goods_name}</span>
                                    </div>
                                    <div class="tu clearfloat fr">
                                        <span></span>
                                        <img src="{$item.goods_thumb}"/>
                                    </div>
                                </a>
                            </div>
                        </volist>
                    </div>
                </div>
            </div>
            <!--seller end-->

            <!--onnew star-->
            <div class="onnew clearfloat">
                <div class="boutit clearfloat">
                    <span></span>
                    <samp>每周上新</samp>
                </div>
                <div class="content clearfloat">
                    <div class="top clearfloat">
                        <volist name="newest" id="item" offset="0" length="2">
                            <div class="list clearfloat fl box-s">
                                <a href="{:U('Goods/detail', ['id'=>$item['id']])}">
                                    <div class="zuo clearfloat fl box-s">
                                        <p class="tit over">{$goodsCategory[$item['category_id']]['name']}</p>
                                        <span class="over db">{$item.goods_name}</span>
                                    </div>
                                    <div class="tu clearfloat fr">
                                        <span></span>
                                        <img src="{$item.goods_thumb}"/>
                                    </div>
                                </a>
                            </div>
                        </volist>

                    </div>
                    <div class="bottom clearfloat">
                        <volist name="newest" id="item" offset="2" length="3">
                            <div class="list clearfloat fl">
                                <a href="{:U('Goods/detail', ['id'=>$item['id']])}">
                                    <div class="shang clearfloat fl box-s">
                                        <p class="tit over">{$goodsCategory[$item['category_id']]['name']}</p>
                                        <span class="over db">{$item.goods_name}</span>
                                    </div>
                                    <div class="tu clearfloat fr">
                                        <span></span>
                                        <img src="{$item.goods_thumb}"/>
                                    </div>
                                </a>
                            </div>
                        </volist>
                    </div>
                </div>
            </div>
            <!--onnew end-->

            <!--theme star-->
            <div class="theme clearfloat">
                <div class="boutit clearfloat">
                    <span></span>
                    <samp>主题馆</samp>
                </div>
                <div class="content clearfloat">
                    <volist name="theme" id="item">
                        <div class="list clearfloat">
                            <a href="{:U('Goods/index',['catid'=>$item['id']])}">
                                <div class="shang clearfloat fl box-s">
                                    <p class="tit over">{$item.name}</p>
                                    <span class="over db">{$item.introduce}</span>
                                </div>
                                <div class="tu clearfloat fr">
                                    <span></span>
                                    <img src="{$item.icon}"/>
                                </div>
                            </a>
                        </div>
                    </volist>
                </div>
            </div>
            <!--theme end-->

            <!--like star-->
            <div class="like clearfloat box-s">
                <div class="boutit clearfloat">
                    <span></span>
                    <samp>猜你喜欢</samp>
                </div>
                <div class="content clearfloat">
                    <volist name="fav" id="item" offset="0" length="2">
                        <div class="list clearfloat fl">
                            <a href="{:U('Goods/detail',['id'=>$item['id']])}">
                                <div class="tu clearfloat">
                                    <img src="{$item.goods_thumb}"/>
                                </div>
                                <div class="bottom clearfloat box-s">
                                    <p class="over">{$item.goods_name}</p>
                                    <span>
                                    <gt name="item.pay_balance" value="0">
                                    现金{$item.pay_balance}
                                    </gt>
                                    <if condition="$item['pay_balance'] gt 0 && $item['pay_integral'] gt 0">
                                    +
                                    </if>
                                    <gt name="item.pay_integral" value="0">
                                    积分{$item.pay_integral}
                                    </gt>
                                    <if condition="$item['pay_coupon'] gt 0 && $item['pay_integral'] gt 0">
                                    +
                                    </if>
                                    <gt name="item.pay_coupon" value="0">
                                    商品券{$item.pay_coupon}
                                    </gt>
                                </span>
                                </div>
                            </a>
                        </div>
                    </volist>
                </div>
            </div>
            <!--like end-->
        </div>
    </div>
    <include file="_layout/footer"/>
</block>
<block name="footer">

</block>
<block name="scripts">
    <script type="text/javascript" src="__JS__/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="__JS__/hmt.js"></script>
    <script src="__STATIC__/slick/slick.js" type="text/javascript"></script>
    <!--插件-->
    <link rel="stylesheet" href="__CSS__/swiper.min.css">
    <script src="__JS__/swiper.jquery.min.js"></script>
    <script src="__JS__/others.js"></script>
    <script type="text/javascript">
        $('.autoplay').slick({
            slidesToShow: 1,
            slidesToScroll: 1,
            autoplay: true,
            autoplaySpeed: 2000,
        });
    </script>
</block>